<template>
    <view style="position: relative;height: 100vh;">
        <!-- <view class="top-tip">
			<u-icon name="checkmark-circle" color="#297E7A" label="喜报文案已自动复制，可直接粘贴" labelColor="#297E7A"
				labelSize="26rpx" />
		</view>
		<view class="" style="height:800px;margin-top: 20rpx;">
			<myp-swiper mode="3d" :autoplay="false" :scale="1.1" :circular="circular" :current.sync="current" :size="3"
				:plus="plus" :width="750" :height="1000" :itemWidth="470" :itemHeight="1000" :space="40">
				<myp-swiper-item @click="itemClick(param)" v-for="(param, idx) in normalList(swiperList)" :index="idx"
					:key="idx">
					<view class="" style="margin: 110rpx auto 0;">
						<l-painter :board="param.poster" isCanvasToTempFilePath @success="posterSuccess($event,idx)"
							css="width: 470rpx;height: 800rpx;" />
					</view>
				</myp-swiper-item>
			</myp-swiper>

		</view>

		<view class="options">
			<view class="save-btn" @click="doSave">
				<u-icon name="/static/save_icon.png" size="32rpx" label="保存到相册" labelColor="#fff"></u-icon>
			</view>
			<view class="share-btn" @click="doShare">
				<u-icon name="/static/share.png" size="32rpx" label="分享朋友圈" labelColor="#fff"></u-icon>
			</view>
		</view> -->
    </view>
</template>

<script>
export default {
    data() {
        return {
            careList: [
                {
                    id: 1,
                    poster: {                        
                        css: {
                            width: "100%",
                            height: '100%',
                            backgroundImage: 'url(https://file.tcwang.cc/static/poster_upA.png)',
                        },
                    }
                }
            ],
            swiperList: [{
                id: 1,
                poster: {
                    css: {
                        width: "470rpx",
                        height: '800rpx',
                        backgroundImage: 'url(https://file.tcwang.cc/static/poster_upA.png)',
                    },
                    views: [{
                        type: "view",
                        css: {
                            textAlign: 'center'
                        },
                        views: [{
                            type: "text",
                            text: '区域总经理',
                            css: {
                                width: "100%",
                                marginTop: '242rpx',
                                fontWeight: 'bold',
                                fontSize: '28rpx',
                                color: '#AF2217'
                            },
                        },
                        {
                            type: "image",
                            src: 'https://m.360buyimg.com/babel/jfs/t1/196317/32/13733/288158/60f4ea39E6fb378ed/d69205b1a8ed3c97.jpg',
                            css: {
                                width: "170rpx",
                                height: "170rpx",
                                margin: '26rpx auto 0',
                                borderRadius: '50%'
                            },
                        },
                        {
                            type: "text",
                            text: '张宇',
                            css: {
                                width: "100%",
                                marginTop: '4rpx',
                                fontWeight: 'bold',
                                fontSize: '26rpx',
                                color: '#fff'
                            },
                        },
                        {
                            type: "text",
                            text: '· 黑熊 ·',
                            css: {
                                width: "100%",
                                marginTop: '0rpx',
                                fontSize: '22rpx',
                                color: '#F9D6A3'
                            },
                        },
                        {
                            type: "text",
                            text: '热烈祝贺张宇',
                            css: {
                                width: "100%",
                                marginTop: '12rpx',
                                fontSize: '28rpx',
                                color: '#FFEAC9'
                            },
                        },
                        {
                            type: "text",
                            text: '成功晋升鑫苑店-聚火团队',
                            css: {
                                width: "100%",
                                marginTop: '0rpx',
                                fontSize: '24rpx',
                                color: '#FFEAC9'
                            },
                        },
                        {
                            type: "text",
                            text: '区域总监',
                            css: {
                                fontSize: '32rpx',
                                color: '#FFEAC9',
                                fontWeight: 'bold',
                                marginTop: '10rpx'
                            },
                        }
                        ],
                    },],
                },
            },
            {
                id: 2,
                poster: {
                    css: {
                        width: "470rpx",
                        height: '800rpx',
                        backgroundImage: 'url(https://file.tcwang.cc/static/poster_upB.png)',
                    },
                    views: [{
                        type: "view",
                        css: {
                            display: 'flex',
                            justifyContent: 'space-between',
                            marginTop: '360rpx',
                            marginLeft: '32rpx',
                        },
                        views: [{
                            type: "view",
                            css: {},
                            views: [{
                                type: "text",
                                text: '恭喜',
                                css: {
                                    width: '100%',
                                    fontWeight: 'bold',
                                    fontSize: '28rpx',
                                    color: '#FFE1BA'
                                },
                            }, {
                                type: "text",
                                text: '张宇',
                                css: {
                                    width: '100%',
                                    fontWeight: 'bold',
                                    fontSize: '40rpx',
                                    color: '#fff',
                                },
                            },
                            {
                                type: "text",
                                text: '【黑熊】',
                                css: {
                                    width: '100%',
                                    fontSize: '26rpx',
                                    marginLeft: '-12rpx',
                                    color: '#fff'
                                },
                            },
                            {
                                type: "text",
                                text: '成功晋升【成都南大区】',
                                css: {
                                    width: "100%",
                                    marginTop: '30rpx',
                                    fontSize: '24rpx',
                                    color: '#FFE1BA'
                                },
                            },
                            {
                                type: "text",
                                text: '区域总监',
                                css: {
                                    width: "100%",
                                    fontSize: '40rpx',
                                    color: '#FFFFFF',
                                    marginTop: '10rpx',
                                    fontWeight: 'bold',
                                },
                            },

                            ]
                        },
                        {
                            type: "image",
                            src: 'https://m.360buyimg.com/babel/jfs/t1/196317/32/13733/288158/60f4ea39E6fb378ed/d69205b1a8ed3c97.jpg',
                            css: {
                                width: "130rpx",
                                height: "130rpx",
                                marginRight: '22rpx',
                                marginTop: '7rpx',
                                borderRadius: '50%'
                            },
                        },
                        ],
                    },],
                },
            },
            {
                id: 3,
                poster: {
                    css: {
                        width: "470rpx",
                        height: '800rpx',
                        backgroundImage: 'url(https://file.tcwang.cc/static/poster_upC.png)',
                    },
                    views: [{
                        type: "view",
                        css: {
                            textAlign: 'center'
                        },
                        views: [{
                            type: "image",
                            src: 'https://m.360buyimg.com/babel/jfs/t1/196317/32/13733/288158/60f4ea39E6fb378ed/d69205b1a8ed3c97.jpg',
                            css: {
                                width: "184rpx",
                                height: "184rpx",
                                margin: '316rpx auto 0',
                                borderRadius: '50%',
                            },
                        },
                        {
                            type: "text",
                            text: '热烈祝贺',
                            css: {
                                width: "100%",
                                marginTop: '34rpx',
                                fontSize: '24rpx',
                                color: '#FFDDBC'
                            },
                        },
                        {
                            type: "text",
                            text: '张宇【黑熊】',
                            css: {
                                width: "100%",
                                marginTop: '20rpx',
                                fontWeight: 'bold',
                                fontSize: '26rpx',
                                color: '#fff'
                            },
                        },
                        {
                            type: "view",
                            css: {
                                width: "100%",
                                marginTop: '10rpx',
                                lineHeight: '50rpx'
                            },
                            views: [{
                                type: "text",
                                text: '成功晋升成都鑫苑店',
                                css: {
                                    fontSize: '24rpx',
                                    color: '#FFEAC9'
                                },
                            }]
                        },
                        {
                            type: "text",
                            text: '副总',
                            css: {
                                fontSize: '30rpx',
                                color: '#FFEAC9',
                                fontWeight: 'bold',
                                marginLeft: '10rpx',
                                fontStyle: 'italic'
                            },
                        },
                        ],
                    },],
                },
            }
            ],
        }
    },
    onLoad({ obj }) {
    },
    methods: {
    }
}
</script>

<style lang="scss" scoped>
@import "@/common/libs/common.scss";

</style>